@charset "utf-8";
@import "common/reset";
//像素比除以2
@function p($px){
    @return $px/2+px;
}
html,body{
    height: 100%;
}
*{
    margin: 0;
    padding: 0;
}
#check{
    display: none;
}
#check:checked ~ .mobile section{
    display: none;
}
#check:checked ~ .mobile .section2{
    display: block;
}
.mobile{
    width: 100%;
    height: 100%;
    background: url(../../img/back-img.png);

header{
    width: 100%;
    height: p(88);
    background: #0f0f0f;
    display: flex;
//  justify-content: space-around;
    align-items: center;
    .cha{
        width: p(34);
        height: p(34);
        overflow: hidden;
        display: flex;
        margin-left: 5%;
        img{
            width: 100%;
        }
    }
    .gan{
        width: p(2);
        height: p(59);
        border: p(2) solid #000;
        margin-left: 5%;
    }
    h1{
        font-size: p(34);
        color: #fff;
        margin-left: 5%;
    }
    .dian{
        width: p(6);
        height: p(34);
        overflow: hidden;
        margin-left: 50%;
        img{
            width: 100%;
        }
    }
}

}